<template>
	<div class="theme">
		<van-nav-bar title="消息中心" right-text="全部已读" left-arrow @click-left="onClickLeft" />
		<div class="overlay headTop">
			<div class="overlay-content scrolling">
				<van-tabs v-model="active">
					<van-tab title="转账通知">
						<div style="padding: 15px;">
							<div style="padding: 10px;background: #ececec;">
								<span>USDT 以太坊</span>
								<span style="float: right;font-size: 13px;color: #7d7e80;">9月12日 下午12:38</span>
							</div>
							<div style="padding: 20px 15px;background: white;">
								<span style="font-size: 16px;font-weight: 600;">您的转账已经到达</span>
								<div style="padding-top: 10px;font-size: 13px;color: #7d7e80;">
									<van-row>
									  <van-col span="6">收款人</van-col>
									  <van-col span="8">你猜啊</van-col>
									</van-row>
									<van-row style="padding-top: 5px;">
									  <van-col span="6">转账金额</van-col>
									  <van-col span="8">1234.5678</van-col>
									</van-row>
								</div>
							</div>
						</div>
					</van-tab>
					<van-tab title="系统消息">
						<div style="padding: 15px;">
							<div style="padding: 10px;background: #ececec;">
								<span>官方消息</span>
								<span style="float: right;font-size: 13px;color: #7d7e80;">9月12日 下午12:38</span>
							</div>
							<div style="padding: 20px 15px;background: white;">
								<span style="font-size: 16px;font-weight: 600;">最新消息</span>
								<div style="padding-top: 10px;font-size: 13px;color: #7d7e80;">
									但是很可能就是客观困难就是个好的时光看人家很快就奥斯卡干活那是个很难
								</div>
							</div>
						</div>
						<div style="padding: 15px;">
							<div style="padding: 10px;background: #ececec;">
								<span>更新消息</span>
								<span style="float: right;font-size: 13px;color: #7d7e80;">9月12日 下午12:38</span>
							</div>
							<div style="padding: 20px 15px;background: white;">
								<span style="font-size: 16px;font-weight: 600;">最新消息</span>
								<div style="padding-top: 10px;font-size: 13px;color: #7d7e80;">
									但是很可能就是客观困难就是个好的时光看人家很快就奥斯卡干活那是个很难
								</div>
							</div>
						</div>
					</van-tab>
				</van-tabs>
			</div>
		</div>
	</div>
</template>

<script>
	let _this;
	export default {
		name: 'News',
		components: {},
		props: {},
		data() {
			return {
				active: 0
			};
		},
		beforeCreate() {
			_this = this;
		},
		watch: {},
		computed: {},
		methods: {
			onClickLeft() {
				this.$router.push({
					path: '/Mine'
				});
			}
		},
		created() {},
		mounted() {},
		destroyed() {

		},
		filters: {}
	};
</script>

<style lang="less" scoped>
	.overlay {
		background: rgb(245, 245, 245);
	}
	
	/deep/ .van-tabs__line {
		background: #323233;
		width: 50%!important;
	}
</style>